<template>
    <div>
        <div class="mui-card theMusicForm">
      <div class="mui-card-header">
        <span>音乐榜单</span>
      </div>
      <div class="mui-card-content">
        <div class="mui-card-content-inner myMusicBill">
          <van-tabs v-model="active">
            <van-tab title="热歌榜">
              <music-bill type='1' title="热歌榜"></music-bill>
            </van-tab>

            <van-tab title="新歌榜">
              <music-bill type='2' title="新歌榜"></music-bill>
            </van-tab>

            <van-tab title="KING榜">
              <music-bill type='24' title="KING榜"></music-bill>
            </van-tab>
          </van-tabs>
        </div>
      </div>
    </div>

    </div>
</template>
<script>
import MusicBill from '../Test/MusicBill.vue'
export default {
    data(){
        return{
            active: 0,
        }
    },
    methods:{

    },
    components:{
      
        MusicBill
    }
}
</script>
<style scoped>
.mui-card {
  margin: 0;
}  
.mui-card-header span:nth-of-type(1) {
  font-size: 20px;
  font-weight: 700;
}
</style>